// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.daily-challenge-popup {
  background: hsl(var(--hsl-b4));
  border-radius: @border-radius--extra;
  font-size: @font-size--normal;

  &__content {
    padding: 15px;
    gap: 10px;
    display: grid;

    &--main {
      grid-template-columns: 1fr auto;
    }

    &--top {
      background: hsl(var(--hsl-b5));
      border-top-left-radius: inherit;
      border-top-right-radius: inherit;

      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
    }
  }

  &__row {
    display: contents;
  }

  &__value {
    color: hsl(var(--hsl-c2));
    --colour: hsl(var(--hsl-c2));

    &--fancy {
      .fancy-text(var(--colour));
    }

    &--top {
      font-size: @font-size--large-3;
      font-weight: 300;
    }
  }
}
